import React,{useState} from 'react'
import './index.css'
import { Button, TextArea } from 'antd-mobile'
function App() {
  const [value, setValue] = useState('')
  const [value1, setValue1] = useState('')
  const btn=()=>{
    setValue1(true)
  }
  
  return (
    <div className='box'>
     <div className='top' >
  
      <img src="" alt="" style={{width:'50px',height:'50px'}}/>
      <div  className='kk'>
        <p>
        你好,欢迎资讯
        </p>
        <p>我们是一家AI公司</p>
      
       
      </div>
     
        <button className="hh"  value1={value1} disabled>
        <div  className='zz' >
        你好
      
       
      </div>
      <img src="" alt="" style={{width:'50px',height:'50px'}} className='img'/>
        </button>
      
     </div>
     <div className='footer' >
      
      <TextArea
          placeholder='请输入内容'
          value={value}
          onChange={val => {
            setValue(val)
          }}
        >
      

        </TextArea>
       
        <Button onClick={()=>btn()} >
          发送
        </Button>
     </div>
    </div>
  )
}

export default App
